<template>
  <div id="Building">
    <!-- 站内导航 -->
    <div class="TopNav">
      <TopNav></TopNav>
    </div>
    <!-- 菜单 -->
    <div class="LeftMenu">
      <LeftMenu v-bind:fromPath=fromPath></LeftMenu>
    </div>
    <div class="building">
      <!--      <img src="../../assets/image/building.jpg" alt="building">-->
    </div>
    <!-- 页脚 -->
    <div class="footer">
      <Footer></Footer>
    </div>
  </div>
</template>

<script>
import LeftMenu from '../../components/head/LeftMenu'
import TopNav from '../../components/head/TopNav'
import Footer from '../../components/foot/Footer'

export default {
  name: 'Building',
  components: {LeftMenu, TopNav, Footer},

  data() {
    return {
      fromPath: "/",
    }
  },
  beforeRouteEnter(to, from, next) {
    next(vm => {          //  这里的vm指的就是vue实例，可以用来当做this使用
      //console.log(to)
      vm.fromPath = from.path;
      //console.log("fromPath", from, vm.fromPath)
    })
  },
  created() {
  },
  methods: {},
}
</script>

<!-- Add "scoped"  attribute to limit CSS to this component only -->
<style>
#Building {
  background: url("src/assets/image/building.jpg");
  background: #6DD1E4;
  width: 100%;
  height: 100%;
  position: fixed;
  background-size: 100% 100%;
  margin-left: -8px;
  margin-top: -8px;
  opacity: 1;

}

.building {
  background: url("src/assets/image/building.jpg");
  width: 90%;
  height: 95%;
  position: fixed;
  background-size: 100% 100%;
  margin-top: 5%;
  margin-left: 5%;

}

.LeftMenu {
}

.TopNav {
}

.footer {
}


</style>
